<template>
  <div class="page7" v-loading="loading">
    <div class="page-title">新增《政企签约》</div>
    <div class="page-content">
      <div class="content left">
        <div>
          <strong>DICT合同签约（省内口径）：</strong>
          <strong>{{7}}</strong>月DICT合同签约总额8.2亿，
          <strong class="green">环比6月下降43.5%</strong>。
          累计完成66.19亿，
          <strong class="green">预算完成率55.2%，低于时序进度3.2个PP</strong>。
        </div>
        <div style="margin-top: 50px">
          <strong>从经营单元情况看：</strong>
          <strong class="red">湖州、杭州、金华达到时序要求</strong>，
          <strong class="green">丽水、舟山完成率低于时序进度20个PP以上</strong>。
        </div>
      </div>
      <div class="content right">
        <el-table :data="tableData" :header-cell-style="headerCellStyle" border style="width: 100%">
          <el-table-column label="经营单元" prop="" align="center"></el-table-column>
          <el-table-column label="累计签约" prop="" align="center"></el-table-column>
          <el-table-column label="同比" prop="" align="center"></el-table-column>
          <el-table-column label="7月新增" prop="" align="center"></el-table-column>
          <el-table-column label="环比" prop="" align="center"></el-table-column>
          <el-table-column label="预算完成率" prop="" align="center"></el-table-column>
          <el-table-column label="其中：弱电" prop="" align="center"></el-table-column>
        </el-table>
      </div>
    </div>
  </div>
</template>
<script>
import { $budgetAPI } from "@/api";
export default {
  props: {
    form: {
      type: Object,
      default: () => ({})
    },
  },
  data(){
    return {
      loading: false,
      tableData: [],
      headerCellStyle: {
        fontSize: `14px`,
        fontWeight: '600',
        color: '#fff',
        backgroundColor: 'rgb(192,80,77)',
        height: '30px',
        padding: '0'
      },
    }
  }
}
</script>
<style lang="scss" scoped>
@import url("./style/table.scss");
.page7 {
  padding: 20px 10px;
  border: 1px solid #dee5f3;
  border-radius: 5px;
  margin-top: 20px;
  .page-title {
    text-align: center;
    font-size: 24px;
    font-weight: 900;
  }
  .page-content {
    margin-top: 20px;
    overflow: hidden;
    .content {
      min-height: 300px;
      &.left {
        width: 320px;
        float: left;
        font-size: 18px;
        padding-right: 20px;
        line-height: 26px;
        strong {
          font-weight: 900;
        }
        .green {
          color: rgb(0,176,80);
        }
        .red {
          color: rgb(255,0,0);
        }
      }
      &.right {
        float: right;
        width: calc(100% - 320px);
      }
    }    
  }

}
</style>